<script setup lang="ts">
import Icon from '../../icon-component/icon.vue';

</script>


<template>
  <div>
    <HiButton type="primary" shape="square">Square</HiButton>
    <HiButton type="primary" shape="round">Round</HiButton>
    <HiButton type="primary">
      <template #icon>
        <Icon name="arrow-right" />
      </template>
    </HiButton>
    <HiButton type="primary" shape="circle"> 
      <Icon name="arrow-right" />
    </HiButton>
  </div>
</template>